<!-- <vue 根据提示回车即可出现如下结构 -->
<template>
  <div>
    <!-- 2. 把值赋予到标签 -->
    <h1>{{ msg }}</h1>
    <h2>{{ obj.name }}</h2>
    <h3>{{ obj.age >= 18 ? '成年了' : '未成年' }}</h3>
  </div>
</template>
  
<script>
export default {
  // 1. 变量在data函数return的对象上
  data() {
    return {
      msg: 'Hello, Vue1',
      obj: {
        name: '小vue1',
        age: 5
      }
    }
  }
}
</script>
  
<style>

</style>